---
title: Configurazione dell'Editor 
description: Configura il tuo editor per lavorare con Astro.
i18nReady: true
---
import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'
import Badge from "~/components/Badge.astro"

Personalizza il tuo editor di testo per migliorare l'esperienza di sviluppo di Astro e sbloccare nuove funzionalità.

## VS Code

[VS Code](https://code.visualstudio.com/) è un popolare editor di testo  per i sviluppatori web, ideato da Microsoft. Il motore di VS Code alimenta anche i famosi editor di testo all'interno dei browser come [GitHub Codespaces](https://github.com/features/codespaces) e [Gitpod](https://gitpod.io/).

Astro funziona con qualsiasi editor di testo. Però, VS Code è l'editor di testo che consigliamo. Noi manteniamo [un'estensione Astro per VS Code](https://marketplace.visualstudio.com/items?itemName=astro-build.astro-vscode) ufficiale che sblocca diverse caratteristiche chiave e miglioramenti dell'esperienza dello sviluppatore per i progetti Astro.

- Evidenziazione della sintassi dei file `.astro`.
- Informazioni sui tipi di TypeScript per i file `.astro`.
- [VS Code Intellisense](https://code.visualstudio.com/docs/editor/intellisense) per il completamento del codice, suggerimenti e altro.

Per cominciare, installa [l'estensione Astro VS Code](https://marketplace.visualstudio.com/items?itemName=astro-build.astro-vscode) oggi.

import ReadMore from '~/components/ReadMore.astro';

<ReadMore>Guarda come [configurare TypeScript](/it/guides/typescript/) nel tuo progetto Astro.</ReadMore>

## Gli IDE di JetBrains 

Il supporto iniziale per Astro è arrivato da WebStorm a Gennaio 2023. Puoi installare il plugin ufficiale attraverso [JetBrains Marketplace](https://plugins.jetbrains.com/plugin/20959-astro) oppure cercando "Astro" nella tab dei plugin dell'IDE. Questo plugin include proprietà come l'evidenziazione della sintassi, il completamento del codice e la formattazione, e in futuro ha intenzione di aggiungere anche funzionalità più avanzate. Il plugin è disponibile anche per tutti gli altri [JetBrains IDEs con il supporto di JavaScript](https://www.jetbrains.com/products/#lang=js&type=ide).


## Altri Editor di Testo

La nostra magnifica community mantiene diverse estensioni per altri editor popolari, compresi:

- [VS Code Extension on Open VSX](https://open-vsx.org/extension/astro-build/astro-vscode) <span style="margin: 0.25em;"><Badge text="Official" /></span> - L'estensione ufficale di Astro su VS Code Extension, disponibile sul registro Open VSXper piattaforme libere come [VSCodium](https://vscodium.com/)
- [Nova Extension](https://extensions.panic.com/extensions/sciencefidelity/sciencefidelity.astro/) <span style="margin: 0.25em;"><Badge class="neutral-badge" text="Community" /></span> - Fornisce l'evidenziazione della sintassi e il completamento del codice per Astro all'interno di Nova
- [Vim Plugin](https://github.com/wuelnerdotexe/vim-astro) <span style="margin: 0.25em;"><Badge class="neutral-badge" text="Community" /></span> - Fornisce l'evidenziazione della sintassi, indentazione, e il supporto per il ripiegamento del codice per Astro all'insterno di Vim o Neovim
- Neovim [LSP](https://github.com/neovim/nvim-lspconfig/blob/master/doc/server_configurations.md#astro) e [TreeSitter](https://github.com/virchau13/tree-sitter-astro) Plugins <span style="margin: 0.25em;"><Badge class="neutral-badge" text="Community" /></span> - Fornisce l'evidenziazione della sintassi, treesitter parsing, e il completamento del codice per Astro all'interno di Neovim
- Emacs - Consulta le instruzioni per [Configurare Emacs ed Eglot](https://medium.com/@jrmjrm/configuring-emacs-and-eglot-to-work-with-astro-language-server-9408eb709ab0) <span style="margin: 0.25em;"><Badge class="neutral-badge" text="Community" /></span> per lavorare con Astro
- [Evidenziazione della sintassi di Astro per Sublime Text](https://packagecontrol.io/packages/Astro) <span style="margin: 0.25em;"><Badge class="neutral-badge" text="Community" /></span> - Il pacchetto Astro per Sublime Text, disponibile sul gestore di pacchetti di Sublime Text.

## Editor all'interno dei Browser 

Oltre agli editor locali, Astro funziona bene anche in quelli ospitati nei browser, compresi:

- [StackBlitz](https://stackblitz.com/) e [CodeSandbox](https://codesandbox.io/) - editor che si possono utilizzare online e che vengono eseguiti nel tuo browser, con annesso il supporto per l'evidenziazione della sintassi per i file `.astro`. Nessuna installaszione o configurazione sono necessarie!
- [GitHub.dev](https://github.dev/) - ti permette di installare l'estensione Astro VS Code come  un'[estensione web](https://code.visualstudio.com/api/extension-guides/web-extensions), che ti permette l'accesso solo ad alcune delle proprietà dell'estensione completa. Al giorno d'oggi, solo l'evidenziazione della sintassi è supportata.
- [Gitpod](https://gitpod.io/) - un ambiente di sviluppo completo nel cloud che può installare l'estensione ufficiale Astro VS Code da Open VSX.

## Altri strumenti

### ESLint

[ESLint](https://eslint.org/) è un linter famoso per JavaScript e JSX. Per il supporto per Astro, un [plugin mantenuto dalla community](https://github.com/ota-meshi/eslint-plugin-astro) può essere installato.

Vedi la [Guida per l'utente del progetto](https://ota-meshi.github.io/eslint-plugin-astro/user-guide/) per maggiori informazioni su come installare e configurare ESlint per il tuo progetto.

### Stylelint

[Stylelint](https://stylelint.io/) è un linter famoso per CSS. [Una configuarazione  Stylelint mantenuta dalla community](https://github.com/ota-meshi/stylelint-config-html) fornisce il supporto per Astro. 

Le istruzioni per l'installaszione, l'integrazine dell'editor, e altre informazioni aggiuntive possono essere trovate all'interno del file README del progetto.

### Prettier

[Prettier](https://prettier.io/) è un famoso formatter per JavaScript, HTML, CSS, ed altro. Se usi [l'estensione Astro VS Code](https://marketplace.visualstudio.com/items?itemName=astro-build.astro-vscode) oppure [il server di lingua Astro all'interno di un'altro editor](#altri-editor-di-testo), Prettier include la formattazione.

Per aggiungere il supporto per la formattazione dei file `.astro` al di fuori degli editor (per esempio CLI) o all'interno degli editor che non supportano gli strumenti per il nostro editor, installa [il plugin ufficiale Astro Prettier](https://github.com/withastro/prettier-plugin-astro).

Per iniziare, prima installa Prettier ed il plugin:

<PackageManagerTabs>
  <Fragment slot="npm">
  ```shell
  npm install --save-dev prettier prettier-plugin-astro
  ```
  </Fragment>
  <Fragment slot="pnpm">
  ```shell
  pnpm add -D prettier prettier-plugin-astro
  ```
  </Fragment>
  <Fragment slot="yarn">
  ```shell
  yarn add --dev prettier prettier-plugin-astro
  ```
  </Fragment>
</PackageManagerTabs>

Prettier rivelerà automaticamente il plugin e lo userà per processare i file `.astro` quando esegui:

```shell
prettier --write .
```

Vedi [README del plugin di Prettier](https://github.com/withastro/prettier-plugin-astro/blob/main/README.md) per maggiori informazionis ulle opzioni supportate, come configurare Prettier all'interno di VS Code, e altro.
